<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/9/21 0021
  Time: 19:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>收藏中心-闲时网</title>

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/collection/collection.css" type="text/css">
    <%--<link rel="stylesheet" href="../css/common/nav.css" type="text/css">--%>

</head>

<body>
<%@ include file="../common/nav.jsp"%>

<%--<div class="header">--%>
    <%--&lt;%&ndash;<%@ include file="../common/nav.jsp"%>&ndash;%&gt;--%>


<%--</div>--%>
<div class="container-fluid">
    <div class="row">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container-fluid">
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav" id="secondheader">
                        <li><a href="../user/center.jsp" style="margin-left: 135px">我的主页</a></li>
                        <li><a href="collection.jsp" style="margin-left: 30px">我的收藏</a></li>
                        <li><a href="javascript:go6()" style="margin-left: 30px">设置</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
<%--<div style="margin-top:-19px;">--%>
    <%--<nav class="navbar navbar-inverse" role="navigation">--%>
        <%--<div class="container-fluid">--%>
            <%--<div>--%>
                <%--<ul class="nav navbar-nav" style="margin-left:10%;" class="dao">--%>
                    <%--<li><a href="../user/center.jsp">我的主页</a></li>--%>
                    <%--<li class="active"><a href="#">收藏管理</a></li>--%>
                    <%--<li><a href="#">设置</a></li>--%>
                <%--</ul>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</nav>--%>

<%--</div>--%>

<div>
    <div class="left" style="width: 15%;margin-left: 10%;float: left;">
        <div class="container">
            <div>
                <!-- data-spy="affix"data-spy="affix" -->
                <!-- class="col-xs-3" -->
                <ul class="nav nav-tabs" >
                    <li><a href="#">我收藏的用户</a></li>
                    <li><a href="#">我收藏的服务</a></li>
                    <li><a href="#">我收藏的需求</a></li>
                </ul>
            </div>
        </div>







    </div>

    <div class="right" style="margin-top:10px;width: 65%; float:right;margin-right:8%;border:1px solid grey;">
        <div>
            <div style="margin-left:2%;margin-top:10%;">
                <a href="#"><input type="checkbox"  name="cks">&nbsp;&nbsp;<span class="glyphicon glyphicon-trash"></span></a>
            </div>
            <div style="margin-left:8%;margin-top:-10%;border: 1px solid grey;width:90%;">
                <div class="media-left media-top">
                    <img src="../imgs/touxiang.jpg" class="media-object"style="width: 120px;
                        height: 120px;
                        border-radius: 50%;
                        padding: 15px;" >
                </div>
                <div class="media-body">
                        <span>
                            <p style="padding-top:25px;font-size:20px;">
                                孙加田
                            </p>
                            <p style="margin-left:70px;margin-top:-30px;">
                                <a href="#" style="color:rgb(0, 140, 255);">添加备注</a>
                            </p>
                        </span>
                    <p>江苏省苏州市</p>
                    <p>给力度：6.53/10 | 靠谱度：60.86%</p>
                    <div style="margin-top:-75px;margin-left:35%;">
                            <span>
                                <div class="form-control" style="width:150px;margin-left:50px;">
                                    <p style="color:rgb(0, 140, 255);padding-left:8px;">
                                        <button style="border:0px;background:white;"><a href="#"style="color: #008FF4;">查看需求方主页</a></button></p>
                                    </p>
                                    </p>
                                </div>&nbsp;&nbsp;
                                <div class="form-control"
                                     style="background-color:rgb(0, 140, 255);width:150px;margin-left:55%;margin-top:-13%;">
                                    <p style="color:white;padding-left:8px;padding-top:-3px;">
                                        <button style="border:0px;background:rgb(0, 140, 255);"><a href="#" style="color:white;">查看服务方主页</a></button></p>
                                    </p>
                                </div>
                            </span>
                    </div>

                </div>
            </div>
        </div>


        <div>
            <div style="margin-left:2%;margin-top:10%;">
                <a href="#"><input type="checkbox"  name="cks">&nbsp;&nbsp;<span class="glyphicon glyphicon-trash"></span></a>
            </div>
            <div style="margin-left:8%;margin-top:-10%;border: 1px solid grey;width:90%;">
                <div class="media-left media-top">
                    <img src="../imgs/index_head.PNG" class="media-object" style="width: 120px;
                        height: 120px;
                        border-radius: 50%;
                        padding: 15px;">
                </div>
                <div class="media-body">
                        <span>
                            <p style="padding-top:25px;font-size:20px;">
                                孙加田
                            </p>
                            <p style="margin-left:70px;margin-top:-30px;">
                                <a href="#" style="color:rgb(0, 140, 255);">添加备注</a>
                            </p>
                        </span>

                    </a></p>
                    <p>江苏省苏州市</p>
                    <p>给力度：6.53/10 | 靠谱度：60.86%</p>
                    <div style="margin-top:-75px;margin-left:35%;">
                            <span>
                                <div class="form-control" style="width:150px;margin-left:50px;">
                                    <p style="color:rgb(0, 140, 255);padding-left:8px;">
                                        <button style="border:0px;background:white;"><a href="#"style="color: #008FF4;">查看需求方主页</a></button></p>
                                    </p>
                                </div>&nbsp;&nbsp;
                                <div class="form-control"
                                     style="background-color:rgb(0, 140, 255);width:150px;margin-left:55%;margin-top:-13%;">
                                    <p style="color:white;padding-left:8px;">
                                        <button style="border:0px;background:rgb(0, 140, 255);"><a href="#" style="color:white;">查看服务方主页</a></button></p>
                                </div>


                            </span>
                    </div>

                </div>
            </div>
        </div>



        <div>
            <div style="margin:40px 0 0 40px;">
                    <span>

                        <a href="#"> <button style="border:0px; background:white;"> <a
                                href="#">全选</a></button>&nbsp;&nbsp;
                        </a>

                        <button type="button" onclick="deleteCollUserBat()">合并删除</button></p>
                        <!-- <button >合并删除</button> -->


                    </span>


            </div>

            <div class="container ula"  style="margin-top:-46px;">
                <ul class="pagination" style="margin-left:39%;">
                    <li><a href="#">«</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">»</a></li>
                    <li><a href="#">共2页</a></li>
                    <li><a href="#" style="border: 0px;"></a></li>
                    <li><a href="#">转到</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">页</a></li>
                    <li><button style="margin:4px 0 0 12px;">确定</button></li>
                </ul>
            </div>


        </div>


    </div>



</div>


<!-- 链接 -->
<div class="forth">
    <!-- 左边 -->
    <div class="forth-left">
        <h5 style="color: #ccc">闲时网客服热线</h5>
        <p class="forth-left-p">400-180-8321</p>
        <p style="color: white">每天09: 00~21: 00</p>
    </div>
    <!-- 中间 -->
    <div class="forth-middle">
        <ul>
            <li style="color: #ccc">闲时网
                <ul>
                    <li style="margin-top: 20px"><a href="#">关于我们</a></li>
                    <li style="margin-top: 12px"><a href="#">联系我们</a></li>
                    <li style="margin-top: 12px"><a href="#">加入我们</a></li>
                </ul>
            </li>
        </ul>
        <ul>
            <li style="color: #ccc">帮助中心
                <ul>
                    <li style="margin-top: 20px"><a href="#">交易规则</a></li>
                    <li style="margin-top: 12px"><a href="#">法律声明</a></li>
                    <li style="margin-top: 12px"><a href="#">常见问题</a></li>
                </ul>
            </li>
        </ul>
        <ul>
            <li style="color: #ccc">我是需求方
                <ul>
                    <li style="margin-top: 20px"><a href="#">发布需求</a></li>
                    <li style="margin-top: 12px"><a href="#">要选服务对象</a></li>
                    <li style="margin-top: 12px"><a href="#">需求方入门</a></li>
                </ul>
            </li>
        </ul>
        <ul>
            <li style="color: #ccc">我是服务方
                <ul>
                    <li style="margin-top: 20px"><a href="#">服务方入驻</a></li>
                    <li style="margin-top: 12px"><a href="#">浏览全部需求</a></li>
                    <li style="margin-top: 12px"><a href="#">服务方入门</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <!-- 右边  -->
    <div class="forth-right">
        <p style="margin-top: 30px;color: #ccc">联系关注我们呗</p>
        <p style="margin-top: 20px"><a href="#"><img src="../imgs/QQ图片20190913162259.png" alt="图片加载失败!"></a>
            <a href="#"><img src="../imgs/QQ图片20190913162435.png" alt="图片加载失败!"></a>
            <a href="#"><img src="../imgs/QQ图片20190913162519.png" alt="图片加载失败!"></a>
            <a href="#"><img src="../imgs/QQ图片20190913162606.png" alt="图片加载失败!"></a>
        </p>
    </div>
</div>





<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>

<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
    $(document).ready(function () {
        dropdownOpen();//调用
    });
    /**
     * 鼠标划过就展开子菜单，免得需要点击才能展开
     */
    function dropdownOpen() {

        var $dropdownLi = $('li.dropdown');

        $dropdownLi.mouseover(function () {
            $(this).addClass('open');
        }).mouseout(function () {
            $(this).removeClass('open');
        });
    }
</script>

</body>

</html>